<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="../js/jquery-3.4.1.min.js"></script>
	<script>

        $(function () {
            function tel() {
                var n = $("#tel").val();
                var p = /^1[0-9]{10}/;
                // if (n.length != 11) {
                //     $("#tel").next().html("手机号为11位");
                //     return false;
                // }
                // ;
                // for (let i = 0; i < n.length; i++) {
                //     let p = n.charAt(i);
                //     if (i == 0 && p != 1) {
                //         $("#tel").next().html("首位为1");
                //         return false;
                //     }
                //     ;
                //     if (isNaN(p)) {
                //         $("#tel").next().html("手机号为数字");
                //         return false;
                //     }
                // }
                if (p.test(n)) {
                    $("#tel").next().html("&radic;");
                    return true;
                } else {
                    $("#tel").next().html("手机号为首位为1的11位数字");
                    return false;
                }
            };

            function yanzheng() {
                var n = $("#yanzheng").val();
                if (n.length != 6) {
                    $("#yanzheng").next().html("验证码为6位");
                    return false;
                }
                for (let i = 0; i < n.length; i++) {
                    let p = n.charAt(i);
                    if (isNaN(p)) {
                        $("#yanzheng").next().html("验证码位数字");
                        return false;
                    }
                }
                $("#yanzheng").next().html("&radic;");
                return true;
            };
            $("#tel").blur(function () {
                tel();
            });

            $("#yanzheng").blur(function () {
                yanzheng();
            });

            $("#tijiao").click(function () {
                if (tel() && yanzheng())
                    return true;
                else
                    return false;
            });
        });


	</script>
</head>
<body>
<form action="tihuan.html">
	<p>
		手机号<input id="tel" type="text"/><span></span>
	</p>
	<p>
		验证码<input id="yanzheng" type="text"/><span></span>
	</p>
	<p>
		<input id="tijiao" type="submit" value="提交"/>
	</p>
</form>
</body>
</html>